<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<title>jQuery Mobile Twitter Bootstrap Theme</title>
		<!--<link rel="stylesheet" href="styles/jquery-mobile.css">-->
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
		<link rel="stylesheet" href="styles/main.css">
  		<script  src="scripts/libs/jquery.js"></script>
  		<script  src="scripts/libs/jquery.mobile-1.3.2.js"></script>
  		<script  src="scripts/main.js"></script>
	</head>
	<body>
		<div data-role="page" data-theme="b">
			<div data-role="header" data-position="inline" data-theme="b">
				
				<a href="#menulateral" class=" ui-btn-left ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-notext ui-btn-up-b" data-icon="bars" data-iconpos="notext" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="b" title="Navigation">
					<span class="ui-btn-inner">
						<span class="ui-icon ui-icon-bars ui-icon-shadow">&nbsp;</span>
					</span>
				</a>

				<h1 class="left-h1">App do Aluno</h1>
			</div>
			<div data-role="header" data-theme="a" >
			    <div>
			    	<h3>LPT1 - Linguagem de Programação</h3>
			    	<p style="font-size:12px;">Curso: Des. de Software/ local: Cimatec<br/>
			    	Carga Hor: 64hs</p>	
			    </div>
			</div>
			
			<div data-role="content" data-theme="b">
				
				<ul data-role="listview" data-inset="false" data-theme="c">
				    <li data-role="list-divider">Notas</li>
				    <li>Avaliação 01 - 5,0</li>
				    <li>Avaliação 02 - 7,0</li>
				    <li>Avaliação 03 - 8,0</li>
				    <li data-role="list-divider">Faltas</li>
				    <li>15 Faltas</li>
				    <li data-role="list-divider">Situação</li>
				    <li><h2 style="color:green;">Aprovado</h2></li>
				</ul>
				<!--
				<div data-role="collapsible-set" data-inset="false" data-theme="b" data-content-theme="b">
				    <div id="col1" data-role="collapsible" data-collapsed="false">
				        <h3>Notas</h3>
				        <ul data-role="listview" data-theme="c">
						    <li>Avaliação 01 - 5,0</li>
						    <li>Avaliação 02 - 7,0</li>
						    <li>Avaliação 03 - 8,0</li>
						</ul>
				    </div>
				    <div id="col2" data-role="collapsible">
				        <h3>Faltas</h3>
				        <p>15 Faltas</p>
				    </div>
				    <div id="col2" data-role="collapsible">
				        <h3>Situação</h3>
				        <h2 style="color:green;">Aprovado</h2>
				    </div>
				</div>
				-->

			</div>
			
			<!-- menu lateral -->
			<div data-role="panel" id="menulateral" data-position="left" data-theme="a" data-position-fixed="true" data-display="overlay">
				<nav >
		            <ul data-role="listview" data-inset="true" data-filter="false">
						<li><a href="principal.html">Principal</a></li>
						<li><a href="#">Notas e Frequencias</a></li>
						<li><a href="horario.html">Horarios</a></li>
						<li><a href="#">Perfil do Aluno</a></li>
					</ul>
		        </nav>

		        <a href="index.html" data-role="button" data-rel="close" data-theme="b" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-up-b">
		        	<span class="ui-btn-inner">
		        		<span class="ui-btn-text">Fechar</span>
		        	</span>
		        </a>
			</div>
			<!-- menu lateral -->

		</div>
		<script>
			$("#col1").trigger('expand');
		</script>
	</body>
</html>
